/* commom css start */

@charset "utf-8";
*               {margin: 0;padding: 0;box-sizing: border-box;}
@font-face      {font-family: "思源黑体";src: url("../font/SourceHanSansCN-Normal.otf");}
html            {font-family: "思源黑体";overflow-x: hidden;}
body, button, input, select, textarea    {font: 90% "思源黑体"!important;}
input, select, textarea    {font-size: 100%;}
table           {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: 500;}
ol, ul          {list-style: none;}
input:focus     {outline: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: 500;}
a               { color: #323232;text-decoration: none; transition: all .3s; }
a:hover         {text-decoration: none;}
.clearfix:before, 
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix       {zoom: 1;}
.fl, .fr        {display: inline;}
.fl             {float: left;}
.fr             {float: right;}
.main           {width: 1075px;margin: 0 auto;max-width: 96%;}

/* commom css end */

.top                {position: absolute;top: 0px;width:100%;z-index: 9;}
.top,
.top .logo          {height:70px;line-height: 70px;}
.top img            {vertical-align: middle;}
.top .search        {margin-top: 20px;height: 30px;border-radius: 3px;position: relative;padding-right: 30px;}
.top .search input[type="text"]     {height:30px;padding: 0 5px;display: block;border: 1px solid #d2d2d2;}
.top .search input[type="submit"]   {display: block;width: 30px;height: 30px;background: #1f963c url("../images/search.png") no-repeat center;position: absolute;top: 0;right: 0;border: 0 none;}
.searchM-btn        {display: none;}

.Mnav               {display: none;}
.nav                {background: #fff;position: absolute;top: 70px;width:100%;z-index: 9;}
.nav li             {float: left;width: calc(100% / 9);text-align: center;height: 80px;line-height: 80px;}
.nav li.on,
.nav li:hover       {background: #1f963c;}
.nav li.on a,
.nav li:hover a     {color: #fff;}
.nav-btn            {display: none;}

.slide img  {width: 100%;}

.comt               {text-align: center;margin-bottom: 40px;}
.comt .tit          {line-height: 40px;height: 55px;background: url("../images/contbg.png") no-repeat center bottom;padding-bottom: 15px;font-size: 24px;}
.comt .tit span     {margin: 0 10px;}
.comt .tit .cn      {color: #666666;font-weight: bold;}
.comt .tit .en      {color: #d2d2d2;}
.comt .brief        {color: #d2d2d2;line-height: 2;padding-top: 15px;}

.news                           {padding: 60px 0;}
.news-list li                   {position: relative;width: calc((100% - 60px) / 4);margin-right: 20px;height: 460px;margin-bottom: 50px;}
.news-list li .pic              {width: 100%;height:310px;display: block;overflow: hidden;position: relative;}
.news-list li .pic img 			{width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.news-list li:last-child        {margin-right: 0;}
.news-list li .txt              {color: #999999;padding: 20px 10px;transition: all 0.5s;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.news-list li:hover .txt        {position: relative;z-index: 9;transform: translateY(-50%);background: #1f963c;color: #fff;}
.news-list li .txt .num         {font-size: 30px;text-align: center;}
.news-list li .txt .tit         {text-align: center;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-list li .txt .brief       {font-size: 15px;padding: 30px 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 1.8;display: none;}
.news-list li .txt .more        {text-align: center;display: none;}
.news-list li .txt .more i      {display: inline-block;width: 34px;height: 34px;background: url("../images/more.png") no-repeat center;}
.news-list li:hover .txt .brief,
.news-list li:hover .txt .more  {display: block;}

.about                  {height: 170px;width: 100%;background: #1f963c;color: #fff;}
.about-pic              {width: 160px;height: 170px;background: url("../images/about.png") no-repeat center;}
.about-pic i            {width: 52px;height: 52px;display: block;margin: 60px auto 0;background: url("../images/play.png") no-repeat center;}
.about-txt              {margin-left: 190px;padding: 20px 0;}
.about-txt .tit         {font-size: 20px;margin-bottom: 15px;}
.about-txt .brief a     {color: #fff;float: right;font-size: 13px;}

.index-mod              {margin: 60px 0;width: 520px;}
.index-mod .bt .cn      {font-size: 20px;color: #666;}
.index-mod .bt .en      {font-size: 14px;color: #d2d2d2;margin-left: 10px;}
.mod-list li            {margin: 25px 0;}

.index-mod .bt i        {display: block;width: 45px;height: 0px;border-bottom: 2px solid #d2d2d2;background: none;}
.mod-list li .pic       {width: 170px;height: 130px;position: relative;overflow: hidden;}
.mod-list li .pic img   {width: auto;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.mod-list li .Atxt      {margin-left: 190px;height: 130px;}
.Atxt                   {border-bottom: 2px solid #d2d2d2;}
.Atxt:hover             {border-bottom: 2px solid #1f963c;}
.Atxt .tit              {font-size: 18px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 35px;height: 35px;}
.Atxt .brief            {font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 25px;height: 50px;}
.Atxt .more             {line-height: 30px;text-align: right;margin-top: 10px;}
.Atxt .more a           {color: #999;font-size: 12px;}
.Atxt:hover a           {color: #1f963c;}

.platform-info          {margin: 30px 0 50px;}
.platform-infoL         {width: 530px;padding-right: 35px;border-right: 2px solid #d2d2d2;}
.platform-infoL img     {display: block;width: 100%;height: 170px;}
.platform-info .Atxt    {height: 130px;}
.platform-infoL .Atxt   {margin-top: 10px;}
.platform-infoR         {width: 515px;}
.platform-infoR .Atxt:first-child  {margin-bottom: 50px;}

.footer                     {background: #1f963c;padding: 20px 0;color: #fff;}
.footerL,.footerR.footerC   {width: 33.3%;}
.footerL,.footerC           {text-align: left;}
.footerR                    {text-align: right;}
.footer p                   {line-height: 30px;}
.footer p span              {margin: 0 15px;}
.footerC,.footerR           {margin-top: 25px;}
.footer a                   {color: #fff;}

.aside                  {width: 240px;margin: 60px 0;}
.aside-name             {color: #fff;background: #1f963c;padding: 20px;}
.aside-name .cn         {font-size: 20px;}
.aside-name .en         {font-size: 16px;}
.aside-nav              {border: 1px solid #d2d2d2;border-top: 0 none;padding: 10px;}
.aside-nav li           {height: 40px;line-height: 40px;color: #1f963c;border-bottom: 1px dashed #1f963c;padding: 0 10px;}
.aside-nav li a         {color: #666666;display: block;background: url("../images/icon2.png") no-repeat left center;padding: 0 20px;}
.aside-nav li:hover,
.aside-nav li.on        {background: #62b677;}
.aside-nav li:hover a,
.aside-nav li.on a      {color: #fff;background: url("../images/icon1.png") no-repeat left center;}

.main-info      {margin: 60px 0;width: 800px;}
.mbx            {height: 40px;line-height: 40px;border-bottom: 1px solid #d2d2d2;width: 800px;color: #999;font-size: 13px;margin-bottom: 15px;}
.mbx a          {color:#999;}
.page           {text-align: center;margin: 30px 0;font-size: 14px;}
.page a         {color: #303030;padding: 6px 10px;border: 1px solid #b4b4b4;display: inline-block;margin: 3px;}
.page b         {color: #666;padding: 6px 10px;border: 1px solid #b4b4b4;font-weight: normal;display: inline-block;border-bottom: 1px solid #1f963c;margin: 3px;}
.page a:hover   {color: #fff;background: #1f963c;border: 1px solid #1f963c;}

.joinList li            {height: 40px;line-height: 40px;list-style-type: square;font-size: 14px;color: #1f963c;margin-left: 20px;}
.joinList li a          {color:#1f963c;}
.joinList li .time      {color:#999;font-size: 13px;}

.newsList li            {padding-bottom: 20px;border-bottom: 1px dashed #1f963c;margin-bottom: 20px;}
.newsList li .img       {width: 205px;height: 120px;position: relative;overflow: hidden;}
.newsList li .img img   {width: 100%;height: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.newsList li .txt       {margin-left: 220px;}
.newsList li .txt .tit  {font-size: 18px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 40px;height: 40px;}
.newsList li .txt .brief{line-height: 25px;height: 75px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.article-title          {border-bottom: 2px solid #1f963c;text-align: center;font-size: 22px;color: #1f963c;padding-bottom: 5px;margin-bottom: 20px;}
.article-txt p          {margin-bottom: 30px;line-height: 2;color: #666;font-size: 16px;}
.article-txt img        {max-width: 100%;margin: 30px 0;}

.ldList li              {width:calc((100% - 50px) /2);margin: 20px 0;}
.ldList li .pic         {width:110px;height: 160px;position: relative;overflow: hidden;}
.ldList li .pic img     {width: auto;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.ldList li .txt         {margin-left: 130px;}
.ldList li .txt .tit    {font-size: 16px;color: #666;margin-bottom: 20px;}
.ldList li .txt .brief  {color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;line-height: 20px;height: 80px;font-size: 14px;}

.picList li             {width: calc((100% - 40px) / 3);position: relative;overflow: hidden;height: 300px;margin: 30px 20px 30px 0;}
.picList li:nth-child(3n){margin-right: 0;}
.picList li img         {width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.search-jieguo {color: #666;margin: 20px;}
.search-jieguo strong {color: #f00;margin: 0 3px;}
.search-list li {margin: 20px;}
.search-list li .r a {color: #333;}
.search-list li .brief {color: #999;font-size: 14px;margin: 10px 0;}
.search-list li .time,.search-list li .lanmu{color: #666;font-size: 14px;}

@media screen and (max-width:768px) {

.top                                {position: fixed;background: #fff;height: 60px;line-height: 60px;}
.top .logo                          {height: 50px;line-height: 50px;margin-top: 5px;}
.top img                            {height:40px;}
.top .searchM-btn                   {width:40px;height:40px;display: block;background: url("../images/searchM.png") no-repeat center;position: absolute;top: 10px;right: 50px;}
.top .search                        {display: none;width:100%;float: none;background: #fff;padding: 10px;height: 50px;margin-top: 0;z-index:-1;position: absolute;top: 60px;left: 0;border-radius: 0;}
.top .search form                   {position: relative;width: 100%;height:100%;}
.top .search input[type="text"]     {width:100%;position: absolute;}


.nav                                    {position: fixed;top: 10px;}
.nav-btn                                {display: block;transition: all .3s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;cursor: pointer;height: 35px;line-height: 35px;outline-style: none;pointer-events: all;position: absolute;text-align: center;width: 35px;z-index: 1020;top: 4px;right: 10px;}
.nav-btn-icon                           {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 14px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;}
.nav-btn-icon span                      {background-color: #1f963c;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;-webkit-transform: rotate(0deg);}
.nav-btn-icon span:first-child          {-webkit-transform-origin: left center;top: 0;transform-origin: left center;}
.nav-btn-icon span:nth-child(2)         {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;}
.nav-btn-icon span:nth-child(3)         {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;}
.nav-open .nav-btn-icon span:first-child{-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);}
.nav-open .nav-btn-icon span:nth-child(2){opacity: 0;width: 0;}
.nav-open .nav-btn-icon span:nth-child(3){-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);}
.nav ul     {display: none;position: absolute;top: 50px;left:0;width:100%;background: rgba(255, 255, 255, 0.8);}
.nav ul li  {float: none;display: block;width: 100%;text-align: center;line-height: 40px;height: 40px;}

.slide                  {margin-top: 50px!important;}

.comt .tit              {line-height: 35px;height: 45px;padding-bottom: 10px;font-size: 16px;}
.comt .brief            {line-height: 1.5;padding-top: 10px;}

.news                   {padding: 30px 0;}
.news-list li           {width: calc((100% - 20px) / 2);height: 330px;}
.news-list li .pic 		{height:220px;}
.news-list li .pic img  {width: 100%;}
.news-list li:nth-child(2n) {margin-right: 0;}

.about-txt              {margin-left: 170px;padding: 0;}

.index-mod              {width: 100%;margin: 20px 0;}


.platform-infoL         {width: 100%;padding-right: 0;border-right: 0 none;}
.platform-infoR         {margin-top: 20px;width: 100%;}
.platform-infoR .Atxt:first-child {margin-bottom: 20px;}

.footerL,.footerR,.footerC {width: 100%;text-align: center;margin-top: 10px;}

.aside              {width: 100%;margin: 20px 0;}
.aside-name         {display: none;}
.aside-nav          {border: 0 none;padding: 0;width: 100%;}
.aside-nav ul       {display: flex;}
.aside-nav li       {flex: 1;font-size: 12px;padding: 0 0 0 2px;text-align: center;}
.aside-nav li a     {padding: 0 0 0 8px;display: inline-block;}

.mbx                        {width: 100%;}
.main-info                  {width: 100%;margin: 20px 0;}
.ldList li                  {width: calc((100% - 20px) /2);}
.ldList li:nth-child(2n)    {margin-left: 20px;}
.ldList li .txt             {margin-left: 120px;}

.picList li                 {width: calc((100% - 20px) / 2);height: 250px;margin-right: 0;}
.picList li:nth-child(2n)   {margin-left: 20px;}

}